@charset "utf-8";
/* CSS Document */
ls,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}embed {vertical-align:top;}
img {vertical-align:middle;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}


.pagination {margin:0 !important;}
.pagination>li>a, .pagination>li>span{color: #000!important}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,.pagination>li>a:hover{background-color: #00a4eb!important;border-color: #00a4eb!important;color: #fff!important;}

/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@font-face {
	font-family: 'PF Din Text Comp Pro';
     src:  url('../fonts/PFDR.ttf');
}
@font-face {
	font-family: 'Noto Sans SC';
     src:  url('../fonts/SourceHanSansSC-Regular.otf');
}
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

a{color: #ff970b;text-decoration: none;}

a:focus, a:hover {
    
    text-decoration: none !important;
}
h1, h2 	{font-size: 25px;line-height: 25px;}
h3, h4	{font-size: 20px;line-height: 20px;}
h5, h6	{font-size: 16px;line-height: 16px;}
h1,h2,h3,h4,h5,h6{font-family: "microsoft yahei";}

p{margin: 10px 0;color: #333;}

.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.f-right{float: right;}
.f-left{float: left;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.clearfix{clear: both;}
ul{margin-bottom: 0!important;}
/* --Line-- */
hr.line { margin: 15px auto; padding: 0; max-width: 90px;border: 0; border-top: solid 5px #ab57b8;text-align: center;}
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {background: #fff;color: #000;font: 14px/25px Arial, Helvetica, sans-serif;font-family:"microsoft yahei";}
.pad4{padding: 50px 0 0;}
.margin3{margin: 30px 0 0;}
.w1580{max-width: 1580px;margin: 0 auto;}
.flex{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flexl{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: space-between;}
.flexs{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;}
.anli_box li:hover .anli_img img,.xwzx li:hover .xwzx_img img{transform: scale(1.1);-ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);transition: all .6s;-webkit-transition: all .6s;}
.anli_img,.xwzx_img{overflow: hidden;}
.navbar-form{margin-top: 18px!important;}
.jlwe{background:#f5f5f5;padding:12px 0}
.top{padding:30px 0}
.rexian p{display: block;margin-bottom: 0;text-align: right;margin-top: 10px}
.rexian span{display: block;color: #00a4eb;font-weight: bold;font-size: 24px;text-align: right}
.dao,.copy{background:#00a4eb;}
.dao .navbar-default{background:none;border: 0;margin-bottom: 0;}
.dao .container-fluid{padding-right: 0;padding-left:0;}
.dao .navbar-default .navbar-nav>li>a{color: #fff;font-size: 16px;padding:0;line-height: 70px;}
.dao .navbar-default .navbar-nav>.active>a,.dao .navbar-default .navbar-nav>.active>a:focus,.dao .navbar-default .navbar-nav>.active>a:hover,.dao .navbar-default .navbar-nav>li>a:focus,.dao .navbar-default .navbar-nav>li>a:hover{color: #fff;background-color: #35b383;line-height: 70px;}
.dao .navbar-left{width: 70%}
.dao .nav>li{flex: 1;text-align: center}
.dao .navbar-right{width:20%}
.dao .search{border-radius: 60px;border: 1px solid #fff;margin-right: 0;}
.dao .search input,.dao .search input:focus{border: 0;background: none;box-shadow:0 0 0 0;color: #fff;width: calc(100% - 24px);height: auto;}
.dao .search input::-webkit-input-placeholder { color: #fff; } 
.dao .search input:-moz-placeholder { color: #fff; } 
.dao .search input::-moz-placeholder { color: #fff; } 
.dao .search input:-ms-input-placeholder {color: #fff; }
.dang{background-color: #f5f5f5;padding: 16px 0;}
.dang span{line-height: 27px;display: block;float: left;}
.dang span a{color: #000;font-size: 15px}
.dang span a:hover{color: #35b383;}
.dang img{display: block;float: left;margin-right: 8px;}
.mobile{width: 100%;float: left;}
.mobile-inner{width: 100%;margin-right: auto;margin-left: auto;background-color: #fafafa;position: relative;}
.mobile-inner img{width: 100%;}
.mobile-inner p{color: #676767;line-height: 25px;font-size: 16px;padding-bottom: 30px;padding-right: 30px;padding-left: 30px;margin:0px;}
.mobile-inner-header{background-color:#fff;width: 100%;height: 50px;position: absolute;top: 0px;left: 0px;}
.mobile-inner-header-icon{color: #ffffff;height: 50px;font-size:25px;text-align: center;float:right;width: 50px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 1px;background-color:#00a4eb;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);	}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);	}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;	}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;	}
@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	

@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;	}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;	}
@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	
@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
.mobile-inner-nav{background-color: rgba(237,237,237,1);z-index: 99;width: 100%;position: absolute;top: 50px;left: 0px;padding-top: 30px;padding-bottom: 80px;display: none;}
.mobile-inner-nav a{display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #000;border-bottom: solid 1px rgba(255,255,255,0.8);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;	}			
	@-webkit-keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}

	@keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
.middle_title{border-bottom: 2px solid #00a4eb;padding-bottom: 20px;margin-top: 30px;position: relative;margin-bottom: 30px;}
.middle_title span{font-family:"迷你简菱心";font-size: 60px;text-transform:uppercase;font-weight: bold; -webkit-background-clip: text; -webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(left,#e3e3e3, #f4f4f4);background-image: -ms-linear-gradient(left, #e3e3e3, #f4f4f4);background-image: linear-gradient(to right, #e3e3e3, #f4f4f4);position: relative}
.middle_title h3{position: absolute;left: 0;font-size: 36px;font-weight: bold;margin: 0;top: 36px;}
.middle_l{width: 20%;}
.middle_l ul li{background: #f5f5f5;padding: 15px 20px 15px 15px;margin-bottom: 10px;font-size: 16px}
.middle_l ul li a{display: block;color: #000;position: relative}
.middle_l ul li a span{float: right}
.middle_l ul li.active,.middle_l ul li:hover{background: #35b383;transition: all .6s;-webkit-transition: all .6s;}
.middle_l ul li.active a,.middle_l ul li:hover a{color: #fff}
.middle_l ul li.active h4:before,.middle_l ul li:hover h4:before{background: #fff}
.middle_l ul li h4{position: relative;margin: 0;padding-left: 15px;font-size: 16px;}
.middle_l ul li h4:before{content: '';display: block;width: 6px;height: 6px;background: #000;border-radius: 50%;position: absolute;left: 0;top: 6px;}
.middle_l_t{margin-bottom: 40px!important;}
.middle_l_b{background: url("../images/leftbg.png") no-repeat;background-size: 100% 100%;padding: 20px;}
.middle_l_b h4{color: #fff;font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.middle_l_b p{color: #fff;line-height: 24px;}
.middle_l_b img{display: block;width: auto;margin: 15px auto;}
.middle_r{width: 77%;}
.middle_r p{line-height: 24px;}
.allb_top_r h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 36px;
}
.allb_top_r h4 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    line-height: 30px;
}
.gyfs p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    line-height: 26px;
}
.gyfs .nlx {
    margin: 30px 0 0;
    font-size: 30px;
    font-weight: bold;
    color: #00a4eb;
    position: relative;margin-bottom: 30px;
}
.gyfs .nlx p {
    color: #00a4eb;
    margin-bottom: 0;
    margin-right: 30px;
}
.gyfs .nlx p img {
    margin-right: 10px;display: inline-block;
}
.nlx .wx {
    position: relative;
    cursor: pointer;margin-right: 20px;
}
.gyfs .nlx a {
    background: none;
    width: 65px;
    margin-top: 0;
}
.sys {
    position: absolute;
    background: #00a4eb;
    padding: 15px;
    color: #fff;
    text-align: center;
    top: 50px;
    font-size: 14px;
    font-weight: normal;
    left: 270px;
    display: none;
}
.sys img {
    display: block;
    margin: 0 auto 10px;
    width: 150px;
}
 .gyfs .zx a:first-child {
    background: #00a4eb;
    color: #fff;
    margin-right: 15px;
}
.gyfs .zx a {
    text-align: center;
    background: #dcdcdc;
    color: #00a4eb;display: block;
    width: 140px;
    line-height: 46px;
    height: 46px;
}
.flexss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
}
.middle_ul{margin: 30px!important;}
.middle_ul li{float: left;width: 25%;text-align: center}
.middle_ul li h2{font-size: 100px;color: #00a4eb;font-weight: 400;font-family: 'PF Din Text Comp Pro';font-size: 90px;margin-top: 0}
.middle_ul li h2 sub{font-size:14px;color: #333;font-weight: normal}
.middle_ul li h2 sup{font-weight: normal;font-size: 30px;top: -1.5em;}
.middle_ul li span{display: block;width: 30px;height: 2px;background: #35b383;margin: 20px auto;}
.middle_r img{width: auto;margin: 0 auto;display: block}
.middle{margin-bottom: 50px;}
footer{background: #ededed;}
.footer_top{padding: 30px 0}
.footer_top .col-md-7{max-width:910px;width: 100%}
.footer_top .col-md-3{max-width: 445px;width: 100%}
.footer_top .col-md-7 li{line-height: 30px;}
.footer_top_l{text-align: right;margin-right: 5px;}
.footer_top_l h2{margin: 0;color: #00a4eb}
.footer_top_l p{margin: 0;line-height: 24px;}
.copy div{padding: 10px 0}
.copy p{margin-bottom: 0;line-height: 30px;color: #fff;}
.copy p a{color: #fff;}
.con_list {position: relative;top: 0;left: 0;width: 100%; display: -webkit-flex;display: -moz-box;display: -ms-flexbox; display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.con_list li {position: relative;width: 25%;min-height: 390px;padding: 30px;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;-webkit-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.con_list li:nth-child(1) {background: #00a4eb;}
.con_list li:nth-child(2) {background: #fff;}
.con_list li:nth-child(3) {background: #35b383;}
.con_list li:nth-child(4) {background: #fff;}
.con_list li .c_box {display: table-cell;vertical-align: middle;}
.con_list li .c_box img {width: 33px;margin: 0 auto;-webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.con_list li .s_tit {padding: 14px 0;font-size: 24px; line-height: 30px;}
.con_list li .s_txt {font-size: 15px; line-height: 1.5; color: #5f5f5f; letter-spacing: 1px; word-break: keep-all; padding: 0 4%;}
.con_list li:nth-child(1) .num, .con_list li:nth-child(1) .etc, .con_list li:nth-child(3) .num {color: #fff;}
.con_list li:nth-child(1) p,.con_list li:nth-child(3) p{color: #fff;}
.con_list li p i{font-style: normal}
.con_list li .num, .con_list li .etc {font-size: 2.6vw;display: inline-block;line-height: 58px;font-weight: 600;text-transform: capitalize;}
.swiper-slide {cursor: default;padding: 26px 22px 30px;box-shadow: 0px 0px 27px 0px rgb(0 0 0 / 5%);border: solid 1px #e9e9e9;width: calc((100% - 40px) / 3);margin-right: 20px;float: left;margin-bottom: 30px}
.swiper-slide:nth-child(3n){margin-right: 0;}
.swiper-slide  .pic {font-size: 0;verflow: hidden;}
.swiper-slide .pic img {display: block;height: 212px;object-fit: contain;width: 100%;transition: transform 0.8s ease;-webkit-transition: transform 0.8s ease;-moz-transition: transform 0.8s ease;-ms-transition: transform 0.8s ease;-o-transition: transform 0.8s ease;}
.swiper-slide .name{text-align: center;font-size: 15px;font-weight: bold;margin-top: 15px}
.pagnation { text-align: center; margin-top: 32px; }
.pagnation a { display: inline-block; width: 34px; height: 34px; line-height: 34px; overflow: hidden; background: url("../images/sprite.png") no-repeat 0 -29px; margin-left: 4px; font-size: 16px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.pagnation a:hover { background-position: 0 -64px; color: #fff; text-decoration: none }
.pagnation .page-prev, .pagnation .page-next { line-height: 555px; }
.pagnation .page-prev { background-position: -35px -29px; }
.pagnation .page-prev:hover { background-position: -35px -64px; }
.pagnation .page-next { background-position: -70px -29px; }
.pagnation .page-next:hover { background-position: -70px -64px; }
.pagnation .current { background-position: 0px -64px; color: #fff }
.pagnation-tips { margin-top: 10px; color: #999; text-align: center }
#toolbar {position: fixed;z-index: 9999;right: 17px;bottom: 30%;display: none}
#toolbar li {margin-bottom: 3px;font-size: 0; width: 57px;height: 57px;right: 0;position: relative;}
#toolbar li a {display: block;position: absolute; z-index: 9; right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #35b383;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;}
#toolbar li .icon-font {display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #00a4eb;position: relative;}
#toolbar li .icon-qq:after {background-position: 0 -150px;}
.icon-font:after {content: "";width: 30px;height: 30px;background-image: url("../images/icon_spirit.png");background-repeat: no-repeat;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px);}
#toolbar li .wz {display: inline-block;line-height: 57px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li:hover a {width: 200px;}
#toolbar li:hover .icon-font {background-color: #35b383;}
#toolbar li:hover .icon-qq:after {background-position: -30px -150px;}
#toolbar li .icon-phone:after {background-position: 0 -90px;}
#toolbar li:hover .icon-phone:after {background-position: -30px -90px;}
#toolbar li .icon-ewm:after {background-position: 0 -30px;}
#toolbar li.ewm:hover .ewm-box {opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.ewm .ewm-box {position: absolute;z-index: 1;padding: 5px;background: #35b383;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%); -webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box:after {content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #067a42;border-right: none;}
#toolbar li .icon-message:after {background-position: 0 -120px;}
#toolbar li:hover .icon-message:after {background-position: -30px -120px;}
.lxfs h2{font-size: 24px;border-bottom: 1px solid #e6e6e6;margin-top: 10px;font-weight: 600;padding-bottom: 30px;text-transform: uppercase;}
.lxfs .lxfs_box{border-bottom: 1px solid #e6e6e6;padding-bottom: 30px;margin-top: 30px;}
.lxfs .lxfs_box h3{font-size: 18px;font-weight: 600;}
.lxfs .lxfs_box h3{font-size: 18px;font-weight: 600;}
.lxfs .lxfs_t li img{margin: 0;margin-right: 20px;}
.lxfs .lxfs_t li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: flex-start;border-bottom: 1px solid #e6e6e6;padding-bottom: 30px;margin-top: 30px;}
.lxfs .lxfs_t li p{font-size: 16px;font-weight: 600;margin-bottom: 0;}
.lxfs .lxfs_t li span{font-size: 16px;font-weight: normal;margin-bottom: 0;margin-left: 20px;}
.map{margin-top: 60px;}
.anli_box li{margin-bottom: 20px;}
.anli_box li .anli_img{position: relative;height: 212px;object-fit: contain;display: flex;    justify-content: center;align-items: center;}
.anli_yin{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 20px;display: none}
.anli_yin div{background: rgba(0,164,235,.8);width: 100%;height: 100%;}
.anli_box li:hover .anli_yin{display: none;-webkit-transition: all .6s;transition: all .6s;}
.anli_box li p{text-align: center;line-height: 24px;overflow: hidden;margin-top: 15px;font-size: 16px;font-weight: bold}
.xwzx .xwzx_img{width: 35%;overflow: hidden;margin-right: 3%;height: 212px;object-fit: contain;display: flex;    justify-content: center;align-items: center;}
.xwzx{margin-bottom:30px!important;}
.xwzx .xwzx_img img{width:100%;overflow: hidden;}
.xwzx .xwzx_yin{width:62%;overflow: hidden;padding-top:0px;}
.xwzx li{margin-bottom: 40px;}
.xwzx li:nth-child(4n){margin-bottom:0;}
.xwzx .xwzx_yin span{font-size: 16px;color: #00a4eb;}
.xwzx .xwzx_yin h3{font-size: 18px;color: #000;font-weight: bold;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-bottom:10px;line-height: 30px;margin-top:10px;}
.xwzx .xwzx_yin p{color: #555;margin-bottom: 10px;line-height: 26px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis; -webkit-line-clamp:2;-webkit-box-orient:vertical;}
.xwzx .xwzx_yin .more{color: #a3a3a3;font-size: 15px;text-transform: uppercase;text-decoration: underline!important}
.anli_title{text-align: center;margin-top: 0;font-size: 18px;line-height: 30px;}
.anli_title h4{border-bottom: 1px dashed #e6e6e6;padding-bottom: 20px;margin-bottom: 30px;}
.an_top_l{width: 39%;overflow: hidden;margin-right: 3%;}
.an_top_r{width: 58%;overflow: hidden;}
.an_top_r p{margin-top: 10px;margin-bottom:15px;font-size: 15px;line-height: 28px;}
.an_xq{margin-top: 30px;}
.an_xq h4{padding-left: 10px;border-left: 4px solid #35b383;}
.an_jies{border-top:1px solid #e6e6e6;padding-top: 20px;margin-top: 20px;}
.cpyjs .an_top_r h4{font-weight: bold;border-bottom:1px solid #e6e6e6;padding-bottom: 26px;margin-bottom: 26px;}
.cpyjs .an_top_r p{margin-bottom: 10px;}
.cpyjs_xq{margin-top: 40px;}
.cpyjs_xq .tab-content{margin-top: 30px;}
.cpyjs_xq .nav-tabs>li.active>a,.cpyjs_xq .nav-tabs>li.active>a:focus,.cpyjs_xq .nav-tabs>li.active>a:hover,.cpyjs_xq .nav-tabs>li>a:hover{background: none;border-top: 0;border-left: 0;border-right: 0;border-bottom:2px solid #00a4eb;color: #00a4eb}
.cpyjs_xq .nav>li>a{padding: 10px 0;color: #000;border: 0;font-size: 16px}
.cpyjs_xq .nav>li{margin-right: 20px;}
.cpyjs_xq .nav>li:last-child{margin-right:0;}
.xwzx_xq .title{font-size: 18px;font-weight: bold;line-height: 30px;margin-top: 0;}
.xwzx_xq .fabu{line-height: 24px;margin-top: 0;border-bottom:1px dashed #e6e6e6;padding-bottom: 20px;margin-bottom: 30px;}
.xwzx_xq .fabu span:first-child{margin-right: 25px;}
.shangxia{border-top:1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding: 15px 0;margin-top: 40px;line-height: 30px;}
.shangxia li a{color: #000;}
.shangxia li a:hover{color: #00a4eb;}

.lun .carousel-control.left,.lun .carousel-control.right{background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 100%);}
.lun .carousel-control{opacity: 1;text-shadow:0 0 0;width: 60px;overflow: hidden;}
.lun .carousel-control .glyphicon-chevron-left,.lun .carousel-control .glyphicon-chevron-right{background: rgba(0,0,0,.7);width: 100%;height: 50px;}
.lun .carousel-control .glyphicon-chevron-left{left: 0;margin-left: 0;}
.lun .carousel-control .glyphicon-chevron-right{right: 0;margin-right: 0;}
.lun .carousel-control:focus .glyphicon-chevron-right,.lun .carousel-control:hover .glyphicon-chevron-right,.lun .carousel-control:focus  .glyphicon-chevron-left,.lun .carousel-control:hover  .glyphicon-chevron-left{opacity:1;background: rgba(0,164,235,.6);}
.lun .carousel-indicators .active{background-color: #00a4eb;border: 0;}
.lun .carousel-indicators li{background-color: #fff;width: 12px;height: 12px;margin: 0;margin-right: 10px;border: 0}
.lun .carousel-indicators li:last-child{margin-right: 0;}
.lun .glyphicon-chevron-left:before,.index_r .glyphicon-chevron-left:before{content: "";background: url("../images/left.png") no-repeat;width: 15px;display: block;background-size: 100% 100%;height: 26px;margin: 12px auto;}
.lun .glyphicon-chevron-right:before,.index_r .glyphicon-chevron-right:before{content: "";background: url("../images/right.png") no-repeat;width: 15px;display: block;background-size: 100% 100%;height: 26px;margin: 12px auto;}
.ahhj{background: url("../images/indexbg.png") no-repeat center;padding: 60px 0;background-size: 100% 100%}
.index_l h2{font-family: "Noto Sans SC";font-weight: bold;color: #00a4eb;font-size: 40px;margin-bottom: 20px;display: block;margin-top: 0}
.index_l span{font-family: "PF Din Text Comp Pro";font-weight: bold;color: #35b383;font-size: 32px;margin-bottom: 20px;display: block;text-transform: uppercase;}
.index_l i{font-family: 'PF Din Text Comp Pro';font-weight: 300;color: #a3a3a3;font-size: 16px;display: block;font-style: normal;line-height: 26px;}
.index_r{max-width: 1170px;width: 100%;}
.index_r .index_r_l{width: 48%;float: left;margin-right: 4%;line-height: 30px;border-top: 1px solid #35b383;padding-top: 30px;}
.index_r .index_r_l:last-child{margin-right: 0;}
.index_r .index_r_l:last-child p{display: block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index_r .index_r_l:last-child a{display: inline-block;font-family: "PF Din Text Comp Pro";font-weight: 500;text-transform:uppercase;color: #35b383;font-size: 16px;border-bottom: 1px solid #35b383;padding-bottom: 0;line-height: 24px;}
.index_r .index_r_top{margin-top:130px;}
.index_r #complicated-content-carousel .carousel-control {position: absolute;top: -20px;right: 0;left: auto;bottom: auto;width: 14px;font-size: 25px;color: #3c3c3c !important;opacity: 1;}
.index_r #complicated-content-carousel .carousel-control.left,.index_r #complicated-content-carousel .carousel-control.right {background-image: none;}	
.index_r #complicated-content-carousel .carousel-control.left {right: 35px;}
.index_r #complicated-content-carousel .index {position: absolute;top: -70px;right: 0;font-size: 16px;color: #3c3c3c;}
.index_r #complicated-content-carousel .flex-item {position: relative;display: inline-block;background-color: #f5f6f7;border: 6px solid #f5f6f7;}	
.index_r #complicated-content-carousel .flex-item:hover,.index_r #complicated-content-carousel .flex-item:focus {border: 6px solid #d2d4d5;border-radius: 3px;}
.index_r .carousel-control {width: 50px;background: rgba(0,0,0,.2);height: 50px;top: 50%;transform: translateY(-50%);bottom: auto;font-size: 30px;text-align: center;opacity: 1;}
.index_r a.carousel-control.left,.index_r a.carousel-control.right {background-image: none;opacity: 1;text-align: center;}

/* MEDIA QUERIES */
	/* styles for phones' displays */
	@media only screen and (max-width: 350px) {
	.index_r #complicated-content-carousel .flex-item {width: 300px;}
	}
	
	/* styles for medium size displays */
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.index_r	#complicated-content-carousel .flex-item {
			width: 300px;
		}
	}
.index_r .glyphicon-chevron-left:before,.index_r .glyphicon-chevron-right:before{margin:0 auto;}
.index_r .glyphicon-chevron-left,.index_r .glyphicon-chevron-right{top: 45%;}
.zizhi{position: relative;background: #f5f5f5;padding: 15px;}
.zizhi .carousel-control.left{left: -90px;top: 34%;}
.zizhi .carousel-control.right{left: -90px;top: 60%}
.zizhi .carousel-control:focus,.zizhi .carousel-control:hover,.ywly .carousel-control:focus,.ywly .carousel-control:hover,.gcal .carousel-control:focus,.gcal .carousel-control:hover{background: rgba(0,164,235,.6);}
.zizhi .carousel-control .glyphicon-chevron-left{top: 45%;left: 40%;}
.zizhi .carousel-control .glyphicon-chevron-right{top: 45%;left: 20%;}
.zizhi .item .flex-item p{text-align: center;font-size: 16px;line-height: 24px;margin-top: 15px;}
.cpjs{margin-top: 60px;}
.cpjs_box,.gcal .cpyjs_xq .tab-pane ul li{width:calc((100% - 40px) / 3);float: left;margin-right: 20px;}
.cpjs_box:last-child,.gcal .cpyjs_xq .tab-pane ul li:last-child{margin-right:0;}
.cpjs_l{position: relative;box-shadow: 0 0 18px rgba(84,84,84,.3)}
.cpjs_l img,.cpjs_box_li{position: relative;}
.cpjs_l h3{position: absolute;top: 30px;left: 30px;margin: 0;color: #fff;font-size: 28px;font-weight: bold;}
.cpjs_yin{position: absolute;left:0;bottom: 0;width: 100%;height: 100%;color: #fff;padding: 0 30px 30px;display: none}
.cpjs_yin div{position: absolute;left:0;bottom: 0;width: 100%;padding: 0 30px 30px;display: block}
.cpjs_yin h3{margin: 0;color: #fff;font-size: 28px;font-weight: bold;}
.cpjs_yin p{display: block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;color: #fff;font-size: 15px;line-height: 28px;margin-top: 20px;margin-bottom: 20px;}
.cpjs_box_li:hover .cpjs_yin{display: block;transition: all .6s;-webkit-transition: all .6s;
background: -webkit-linear-gradient(top,rgba(255,0,0,0),rgba(0,164,234,.8)); /* Safari 5.1 - 6 */
background: -o-linear-gradient(top,rgba(255,0,0,0),rgba(0,164,234,.8)); /* Opera 11.1 - 12*/
background: -moz-linear-gradient(top,rgba(255,0,0,0),rgba(0,164,234,.8)); /* Firefox 3.6 - 15*/
background: linear-gradient(top, rgba(255,0,0,0), rgba(0,164,234,.8)); /* 标准的语法 */}
.cpjs_box_li:hover .cpjs_l h3{display: none;}
.cpjs_box_li:nth-child(1),.cpjs_box_li:nth-child(4){margin-bottom: 22px;}
.ywly{background: url("../images/indexbg1.png") no-repeat center fixed;padding:150px 0;background-size: 100% 100%}
.ywly_box{float: left;}
.ywly_k{ width: 200px;   height:200px; border: 1px solid #fff;   transform:rotate(45deg);   -ms-transform:rotate(45deg); /* Internet Explorer */   -moz-transform:rotate(45deg); /* Firefox */   -webkit-transform:rotate(45deg); /* Safari 和 Chrome */   -o-transform:rotate(45deg); /* Opera */ position: relative;overflow: hidden;}
.ywly_k div{transform:rotate(-45deg);   -ms-transform:rotate(-45deg); /* Internet Explorer */   -moz-transform:rotate(-45deg); /* Firefox */   -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */   -o-transform:rotate(-45deg);text-align: center; }
.ywly_k div img{display: block;margin: 0 auto 15px}
.ywly_k div span{color: rgba(255,255,255,.55);font-size: 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ywly_k div p{color: #fff;font-size: 24px;margin-top: 15px;padding: 0 15px;}
.picture {width:200px;transform: rotate(45deg);overflow: hidden;height: 200px;border: 1px solid #fff;}
.picture > img {max-width: 100%;transform: rotate(-45deg) scale(2);}
.picture p{transform: rotate(-45deg)}
.kkl{opacity:0;position: absolute;top: 0}
.ywly_yin{position: relative;}
.ywly_yin p{position: absolute;left: 50%;top: 50%;color: #fff;font-size: 24px;transform: translate(-50%, -50%);width: 90%;text-align: center;}
.ywly ul li{position: relative;}
.ywly ul li:hover .kkl{opacity: 1;transition: all .6s;-webkit-transition: all .6s;}
.ywly ul li:hover .ywly_k{opacity: 0;transition: all .6s;-webkit-transition: all .6s;}
.ywly ul li:nth-child(even){margin-top:13%;}
.ywly .index_l{flex: auto}
.ywly .index_r{flex: 4}
.gcal{background: #f5f5f5;padding: 60px 0;}
.xw{background: #fff;padding: 60px 0;}
.index_l a.more{display: inline-block;font-family: "PF Din Text Comp Pro";font-weight: 300;text-transform:uppercase;color: #aaaaaa;font-size: 16px;border-bottom: 1px solid #aaaaaa;padding-bottom: 0;line-height: 24px;margin-top: 30px;}
.gcal .cpyjs_xq .gcal_box .gcal_text h4,.xw_r .gcal_text h4{font-size: 20px;font-weight: bold;color: #3c3c3c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height: 30px;margin-top: 15px;margin-bottom: 15px;}
.gcal .cpyjs_xq .gcal_box .gcal_text p,.xw_r .gcal_text p{font-size: 14px;color: #3c3c3c;line-height: 26px;margin-top:0;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gcal .cpyjs_xq .gcal_box .gcal_text span,.xw_r .gcal_text span{font-size: 13px;color: #50b5ec;line-height: 26px;margin-top:20px;display: block;}
.gcal .cpyjs_xq .tab-pane ul li:hover .gcal_img{border:3px solid #fff;}
.gcal .cpyjs_xq .tab-pane ul li:hover .gcal_text h4{color: #00a4ea;}
.gcal .cpyjs_xq .tab-pane ul li:hover .gcal_box{box-shadow: 0 0 18px rgb(84 84 84 / 30%);transition: all .6s;-webkit-transition: all .6s;}
.gcal .cpyjs_xq .tab-pane .gcal_text{padding-bottom: 20px;}
.gcal .cpyjs_xq .tab-pane ul li:hover .gcal_text{transition: all .6s;-webkit-transition: all .6s;padding-left: 15px;padding-right: 15px;}
.gcal .cpyjs_xq .tab-content {margin-top: 40px;}
.xw .index_r{margin-top: 70px;}
.xw_l{width: 64%}
.xw_r{width: 32%}
.xw_l_l{width: 100%;max-width: 306px;}
.xw_l_r{padding-left: 15px;max-width: 454px;}
.xw_l_r h4{font-size: 20px;font-weight: bold;color: #3c3c3c;line-height: 30px;margin-top: 0;margin-bottom: 20px;}
.xw_l_r p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;color: rgba(38,38,38,.8);line-height: 26px;margin-bottom: 20px;}
.xw_l_r span{display: block;color: #262626;font-size: 13px;}
.xw_l ul{margin-top: 30px;}
.xw_l ul li{line-height: 42px;}
.xw_l ul li p{margin-bottom: 0;float: left;width: 80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size: 16px;}
.xw_l ul li p i{margin-right: 5px;}
.xw_l ul li span{float:right;color: rgba(38,38,38,.5);}
.xw_r .gcal_box{background:#f5f5f5;}
.xw_r .gcal_text{padding: 20px 15px;}
.xw_r .gcal_text h4{margin-top: 0;margin-bottom: 10px;}
.xw_r .gcal_text span{margin-top:10px}
.line{width: 100%;height: 1px;background: #f5f5f5;display: block;margin: 60px 0;position: relative;}
.line:after{display: block;position: absolute;content: '';width: 100%;width: 100%;height: 1px;background: #f5f5f5;top: 3px;left: 0}
.customer_list li img {opacity: 0.5;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;width: auto!important;}
.customer_list li:hover img {opacity: 1;-webkit-filter: grayscale(0);-moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none; -webkit-transform: scale(0.9) translateY(0px);-moz-transform: scale(0.9) translateY(0px);transform: scale(0.9) translateY(0px);cursor: pointer}
.customer_list li{width:calc((100% - 80px) / 5);float: left;margin-right: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 40px}
.customer_list li:nth-child(5n){margin-right:0;}
.owl-dots,.owl-nav {text-align: center;-webkit-tap-highlight-color: transparent}
.owl-nav [class*=owl-] {color: #FFF;font-size: 14px;margin:0 60px;padding: 4px 7px;background: #D6D6D6;display: inline-block;cursor: pointer;border-radius: 3px}
.owl-nav [class*=owl-]:hover {background: #869791;color: #FFF;text-decoration: none}
.owl-nav .disabled{opacity: .5;cursor: default}
.owl-nav.disabled+.owl-dots {margin-top: 10px}
.owl-dots .owl-dot {display: inline-block;zoom: 1}
.owl-dots .owl-dot span{width: 10px;height: 10px;margin: 5px 7px;background: #c7c7c7;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background: #00a4eb}
.owl-dots{position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 21%);}
.owl-nav{position: relative;margin: 30px 0;}
.owl-prev span{background: url("../images/pre.png") no-repeat;width: 26px;height: 18px;background-size: 100% 100%;display: block;color: #fff;}
.owl-prev span:hover{background: url("../images/pre1.png") no-repeat;width: 26px;height: 18px;background-size: 100% 100%;display: block;}
.owl-next span{background: url("../images/next.png") no-repeat;width: 26px;height: 18px;background-size: 100% 100%;display: block;color: #fff;}
.owl-next span:hover{background: url("../images/next1.png") no-repeat;width: 26px;height: 18px;background-size: 100% 100%;display: block;}
.zizhi .img-responsive{margin: 0 auto;height: 212px;object-fit: contain;width:100%}
















@media (max-width: 1579px) and (min-width:1301px) {
	.w1580,.copy p{padding-left: 80px;padding-right:80px;}
    .index_r{width: 77%;max-width:none;}
    .cpjs_yin{padding: 3.5%}
    .cpjs_yin p{margin-top: 10px;margin-bottom:10px;}
    .ywly .index_r {
    flex: 5;
    }
    .ywly_k,.picture{width: 180px;height: 180px;}
   
}
@media (max-width: 1400px) and (min-width:1200px) {
.footer_top .col-md-7 li{width:50%!important}
  .footer_top .col-md-2{width:30%!important} 
}
 @media (max-width: 1300px) and (min-width:1200px) {
	.w1580,.copy p{padding-left: 25px;padding-right: 25px;}
    .dao .navbar-left {
    width: 77%;
}
     .index_r {
    max-width: 880px;
}
     .index_r .index_r_top {
    margin-top: 100px;
}
     .ywly .index_r {
    flex: 9;
}
     .cpjs_yin,.cpjs_yin div{padding: 0 30px 10px;}
     .cpjs_yin p{margin-top: 10px;margin-bottom: 10px;}
     .cpjs_box_li:nth-child(1), .cpjs_box_li:nth-child(4) {
    margin-bottom: 15px;
}
     .ywly_k,.picture{width: 160px;height: 160px;}
}


    
    
    
    
@media only screen and (max-width:768px){
     .footer_top .col-md-7,.footer_top .col-md-2,.middle_l_b{display: none}
    .f-left,.f-right{float: none}
    .middle_r,.xwzx .xwzx_img,.xwzx_yin,.an_top_l,.an_top_r,.cpjs_box,.xw_l,.xw_r{width: 100%!important}
    .middleel,.dang,.gcal,.copy p,.ahhj,.xw{padding-left: 15px;padding-right: 15px;}
    .middle_title span{font-size: 23px;}
    .middle_title h3 {position: relative;top: 0;}
    .middle_ul li{width: 50%;margin-bottom: 20px;}
    .middle_ul li h2{font-size: 24px;}
    .middle_ul li h2 sup{top: -0.5em;}
    .middle_l{width: 100%;max-width: none}
    .middle_l ul li,.swiper-slide{width: 48%;margin-right: 2%;float: left}
    .middle_l ul li{height: 65px;overflow: hidden;}
    .middle_l ul li:nth-child(2n),.swiper-slide:nth-child(2n){margin-right:0}
   .footer_top .col-md-3 .clearfix{display: block;} 
   .footer_top .col-md-3 .footer_top_l{text-align: center;float: none} 
   .footer_top .col-md-3 .footer_top_r{text-align: center;float: none;margin-top: 20px}
    .banner,.lun{padding-top: 50px;}
    .row {margin-right: 0!important;margin-left: 0!important;}
    .logo{width: 50%;padding-left: 15px}
    .logo img{margin-bottom: 0}
    .con_list{display: block}
    .con_list li{width: 100%}
    .con_list li .num, .con_list li .etc{font-size: 12vw;}
    .swiper-slide:nth-child(3n){margin-right: 2%;}
    .swiper-slide .pic img{height: auto}
    .lun .carousel-control{width: 35px;}
    .lun .carousel-control .glyphicon-chevron-left, .lun .carousel-control .glyphicon-chevron-right{height: 30px;}
    .lun .glyphicon-chevron-left:before,.lun .glyphicon-chevron-right:before{display: block;margin: 8px auto;width: 10px;height: 15px;}
    .zizhi .carousel-control.left,.zizhi .carousel-control.right{left:0;}
    .index_r .index_r_top,.xw .index_r{
    margin-top:40px;
}
    .index_r .index_r_l {
    width: 100%;
    float: left;
    margin-right: 0;
    line-height: 30px;
    border-top: 0;
    padding-top: 0;
}
    .middle_ul {
    margin: 30px 0!important;
}
    .cpjs_box_li{margin-bottom: 22px;} 
    .ywly .flexl{display: block}
    .ywly {padding: 60px 15px;}
    .ywly_k{ margin:70px auto;}
    .cpyjs_xq .nav>li {height: 45px;}
    .xw_l .flexl{display: block}
    .xw_l_l {width: 100%;max-width: none;margin-bottom: 15px;}
    .xw_l_r {
    padding-left: 0;
    max-width: none;
}
    .xw_l ul li p {width: 70%;}   
    .xw_l ul li {
    line-height: 32px;
}
  .xw_l ul {
    margin-top: 20px;margin-bottom: 20px!important;
}  
  .line {margin: 30px 0;}  
   .owl-nav {margin: 0;} 
    .ywly_k div p{text-align: center;margin: 0 auto;width: 75%; padding: 0;} 
    .xwzx .xwzx_yin{padding-top: 20px;}
    .gyfs .nlx {
    font-size: 20px;
}
}

.gcal_img{height: 258px; object-fit: contain;display: flex; justify-content: center;align-items: center;overflow: hidden;}
.xw_l_l{height: 215px; object-fit: contain;display: flex; justify-content: center;align-items: center;overflow: hidden;}